/* CSS Document */
   
        @font-face {
            font-family: 'syht_normal';
            src: url('../ShareFiles/font/syht_normal/syht_normal.eot'); /* IE9 Compat Modes */
           src: url('../ShareFiles/font/syht_normal/syht_normal.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('../ShareFiles/ShareFiles/font/syht_normal/syht_normal.woff') format('woff'), /* Modern Browsers */
            url('../ShareFiles/ShareFiles/font/syht_normal/syht_normal.ttf')  format('truetype'), /* Safari, Android, iOS */
            url('../ShareFiles/ShareFiles/font/syht_normal/syht_normal.svg#FZLTHJW') format('svg'); /* Legacy iOS */
        }
     

        * {
            font-family: 'syht_normal';
        }

        html, body，.main {
            max-width: 1920px;
            margin-left: auto;
            margin-right: auto;
        }

        body {

        }

        .main {

        }

        @media screen and (max-width: 1000px) {
            .main-area {
                max-width: 100%;
            }
        }

        @media screen and (max-width: 1280px) {
            .main-area {
                width: 100%;
            }
        }

        .footer-table td{
            vertical-align: top;
        }

        .nav {
            width: 64rem;
            height: 2.5rem;
            background-color: silver;
        }

        * {
            -webkit-margin-before: 0;
            -webkit-margin-after: 0;
            -webkit-margin-start: 0;
            -webkit-margin-end: 0;
        }

        .menu-active {
            background-color: #F2F2F2;
            transition: all 1s;
        }

        .menu-sub {
            position: absolute;
            z-index: 10000;
            width: 5rem;
            height: auto;
            /*background-color: rgba(255,255,255,0.75);*/
            background-color: rgba(48,49,50,0.75);
            border-top: 1px solid #F2F2F2;
            animation-duration: 2.5s;
        }

        .menu-sub-items-area {
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 5rem;
        }

        .menu-sub-items {
            display: flex;
            display: -webkit-flex;
            /*align-items: center;*/
            flex-direction: column;
            border: #F0F0F0 1px solid;
        }

        .menu-sub-item {
            display: block;
            width: 5rem;
            text-align: center;
            line-height: 2rem;
            font-size: 0.633333rem;
            /*color: #898989;*/
            color: #f9f9fa;
            cursor: pointer;
        }

        .menu-sub-item:hover {
            color: red;
        }

        .menu-main-item {
            display: block;
            text-align: center;
            padding-top: 0.5rem;
            cursor: pointer;

        }

        .menu-main-item:hover {
            color: red;
            transition: all 1s;
        }

        .menu-lang-item {
            font-size: 0.6rem;
            text-decoration: none;
            color: #898989;
        }

        .menu-lang-item-split {
            font-size: 0.6rem;
            text-decoration: none;
            color: #898989;
        }

        .menu-lang-item:hover {
            text-decoration: solid;
            color: seagreen;
        }

        .focus-big05:hover {
            transform: scale(1.05);
        }

        .focus-big10:hover {
            transform: scale(1.10);
        }

        .focus-big15:hover {
            transform: scale(1.15);
        }

        .focus-big20:hover {
            transform: scale(1.20);
        }

        .focus-big25:hover {
            transform: scale(1.25);
        }

        .focus-big:hover, .focus-big05:hover, .focus-big10:hover, .focus-big15:hover, .focus-big20:hover, .focus-big25:hover {
            transition: all 1s;
            text-decoration: solid;
            color: red;
        }

        .focus-big, .focus-big05, .focus-big10, .focus-big15, .focus-big20, .focus-big25 {
            transition: all 1s;
            transform: scale(1);
        }

        .loading-mask {
           /* position: fixed;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            z-index: 99999;
            background: url(loading.gif) center no-repeat #fff;*/
        }


